<template>
    <div>
        <Modal :value="show"
               :title="title"
               width="500"
               :mask-closable = "false"
               footer-hide
               @on-visible-change="visibleChange"
        >
            <Progress :percent="progress" :stroke-width="20" :status="status" text-inside />
        </Modal>
    </div>
</template>

<script>
    export default {
        name: 'package-progress',
        props: {
            show: {
                type: Boolean,
                default: false
            },
            title: {
                type: String,
                default: '打包下载进度'
            },
            progress: {
                type: Number,
                default: 0
            },
            status: {
                type: String,
                default: 'active'
            }
        },
        data() {
            return{

            }
        },
        computed: {},
        mounted() {
        },
        methods: {
            visibleChange(value) {
                this.$emit('change', value)
            }
        },
        beforeDestroy() {
        },
        watch: {
        }
    }
</script>

<style scoped>
</style>